---
layout: default
---

<!-- Image to hack wechat -->
<!-- <img src="/img/icon_wechat.png" width="0" height="0"> -->
<!-- <img src="{{ site.picurl }}/{% if page.header-img %}{{ page.header-img }}{% else %}{{ site.header-img }}{% endif %}" width="0" height="0"> -->

{% if page.keyword %}
<meta name="keywords" content="{{ page.keyword }}">
{% endif %}

<!-- Code highlight -->
<link rel="stylesheet" href="/css/darcula.css">
<style>
	.highlight {
		border-style: none;
		background: none;
	}
	.highlight pre {
		line-height: 1.5;
	}
	.highlight pre code {
		font-size: 14px;
	}
	.hljs {
		border-radius: 8px;
	}
</style>
<script>
	async("/js/highlight.pack.js", function () {
		hljs.initHighlighting();
	})
</script>

<!-- Post Header -->
<style type="text/css">
    header.intro-header{
        position: relative;
        background-image: url('{{ site.picurl }}/{% if page.header-img %}{{ page.header-img }}{% else %}{{ site.header-img }}{% endif %}')
    }
</style>
<header class="intro-header" >
	<div class="header-shade">
		<div class="container">
			<div class="row">
				<div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1">
					<div class="post-heading">
						<div class="tags">
							{% for tag in page.tags %}
							<a class="tag" href="{{ site.baseurl }}/archives/?tag={{ tag }}" title="{{ tag }}">{{ tag }}</a>
							{% endfor %}
						</div>
						<h1>{{ page.title }}</h1>
						{% comment %}
						always create a h2 for keeping the margin , Hux
						{% endcomment %}
						{% comment %} if page.subtitle {% endcomment %}
						<h2 class="subheading">{{ page.subtitle }}</h2>
						{% comment %} endif {% endcomment %}

						{% if page.date-type == "continue" %}
						<span class="meta">Posted by {% if page.author %}{{ page.author }}{% else %}{{ site.title }}{% endif %} from {{ page.date | date: "%B %-d, %Y" }} - ?</span>
						{% else %}
						<span class="meta">Posted by {% if page.author %}{{ page.author }}{% else %}{{ site.title }}{% endif %} on {{ page.date | date: "%B %-d, %Y" }}</span>
						{% endif %}
					</div>
				</div>
			</div>
		</div>
	</div>
</header>

<!-- Post Content -->
<article>
    <div class="container">
        <div class="row">

			<!-- Post Container -->
			<div class="
				col-lg-8 col-lg-offset-2
				col-md-10 col-md-offset-1
				post-container">

				{{ content }}

				<hr style="visibility: hidden;">

				<ul class="pager">
					{% if page.previous.url %}
					<li class="previous">
						<a href="{{ page.previous.url | prepend: site.baseurl | replace: '//', '/' }}" data-toggle="tooltip" data-placement="top" title="{{page.previous.title}}">
						Previous<br>
						<span>{{page.previous.title}}</span>
						</a>
					</li>
					{% endif %}
					{% if page.next.url %}
					<li class="next">
						<a href="{{ page.next.url | prepend: site.baseurl | replace: '//', '/' }}" data-toggle="tooltip" data-placement="top" title="{{page.next.title}}">
						Next<br>
						<span>{{page.next.title}}</span>
						</a>
					</li>
					{% endif %}
				</ul>


				{% include comment.html %}

			</div>

			<!-- Side Catalog Container -->
			{% if page.catalog %}
			<div class="
				col-lg-2 col-lg-offset-0
				visible-lg-block
				sidebar-container
				catalog-container">
				<div class="side-catalog">
					<hr class="hidden-sm hidden-xs">
					<h5>
						<a class="catalog-toggle" href="#">CATALOG</a>
					</h5>
					<ul class="catalog-body"></ul>
				</div>
			</div>
			{% endif %}

			<!-- Sidebar Container -->
			<div class="
				col-lg-8 col-lg-offset-2
				col-md-10 col-md-offset-1
				sidebar-container">

				<!-- Featured Tags -->
				{% if site.featured-tags %}
				<section>
					<hr class="hidden-sm hidden-xs">
					<h5><a href="/archives/">FEATURED TAGS</a></h5>
					<div class="tags">
						{% for tag in site.tags %}
							{% if tag[1].size > site.featured-condition-size %}
								<a href="/archives/?tag={{ tag[0] }}" title="{{ tag[0] }}" rel="{{ tag[1].size }}">
									{{ tag[0] }}
								</a>
							{% endif %}
						{% endfor %}
					</div>
				</section>
				{% endif %}

				<!-- Links -->
				{% if site.links %}
				<hr>
				<h5>LINKS</h5>
				<ul class="list-inline">
					{% for link in site.links %}
					<li><a href="{{link.href}}">{{link.title}}</a></li>
					{% endfor %}
				</ul>
				{% endif %}
			</div>
        </div>
    </div>
</article>


{% if site.anchorjs %}
<!-- anchor-js, Doc:http://bryanbraun.github.io/anchorjs/ -->
<script>
    async("//cdnjs.cloudflare.com/ajax/libs/anchor-js/1.1.1/anchor.min.js",function(){
        // BY Fix:去除标题前的‘#’ issues:<https://github.com/qiubaiying/qiubaiying.github.io/issues/137>
        // anchors.options = {
        //   visible: 'always',
        //   placement: 'right',
        //   icon: '#'
        // };
        anchors.add().remove('.intro-header h1').remove('.subheading').remove('.sidebar-container h5');
    })
</script>
<style>
    /* place left on bigger screen */
    @media all and (min-width: 800px) {
        .anchorjs-link{
            position: absolute;
            left: -0.75em;
            font-size: 1.1em;
            margin-top : -0.1em;
        }
    }
</style>
{% endif %}